<template>
    <view>
        <view class="nav">
            <view class="text">退款商品</view>
            <image src="/static/icons/right.png" mode="widthFix"></image>
        </view>
        <view class="reason">
            <view class="title">退款原因</view>
            <radio-group name="reason">
                <view class="list">
                    <radio value="" /><text>订单扣款错误</text>
                </view>
                <view class="list">
                    <radio value="" /><text>扣款金额与实际金额扣款不符</text>
                </view>
                <view class="list">
                    <radio value="" /><text>商品过期或变质</text>
                </view>
                <view class="list">
                    <radio value="" /><text>其他（请填写投诉内容）</text>
                </view>
            </radio-group>
            <textarea value="" placeholder="请填写投诉内容" />
        </view>
        <view class="info">
            <view class="title">退款信息</view>
            <view class="list">
                <view class="name">订单编号：</view>
                <view class="msg">3214242342</view>
            </view>
            <view class="list">
                <view class="name">订单总金额：</view>
                <view class="msg">2.00</view>
            </view>
            <view class="list">
                <view class="name">退款数量：</view>
                <view class="msg">1</view>
            </view>
            <view class="list">
                <view class="name">退款总金额：</view>
                <view class="msg">2.00</view>
            </view>
        </view>
        <view>
            <button class="post">确认提交</button>
        </view>
    </view>
</template>

<script>
    import refund from "./refund.js";
    export default refund;
</script>

<style>
    @import url("./refund.css");
</style>